@charset "utf-8";
/* CSS Document */
@import url("common_031122.css");

#main {clear:both;margin:10px auto 0px;	width:1200px;padding:0px;}
/* 图片效果 */
.amplify{transition: all 0.4s;-ms-transition: all 0.4s;} /* 放大 */
.amplify:hover{transform: scale(1.1);-ms-transform: scale(1.1);}
.bright{transition: all 0.3s;-ms-transition: all 0.3s;filter: contrast(80%);-webkit-filter: contrast(80%);} /* 聚光 */
.bright:hover{filter: contrast(110%);-webkit-filter: contrast(110%);}





/* 城市首页 */
#special_slide{
	width: 100%;
	height: 387px;
	position: relative;
	overflow: hidden;
    margin: 0;
}
#special_slide .slide-list{
	width: 100%;
	height: 387px;
}
#special_slide .slide-list li {
	width: 100%;
	height: 387px;
    display: none;
    position: absolute;
}
#special_slide .slide-list li.current {
    display: block;
    z-index: 2;
}
.horn{
	width: 55px;
    height: 42px;
    position: absolute;
    top: 0;
    left: 20px;
    background: url(../images/tabchage/hornimg1.svg) top center;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    line-height: 36px;
	z-index: 3;
}
#special_slide .slide-tab{
	width: 1160px;
	height: 50px;
	padding: 0 20px;
	background: #0000007f;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	overflow: hidden;
}
#special_slide .imgText{
	float: left;
}
#special_slide .imgText div{
	display: none;
	width: 700px;
	line-height: 50px;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
}
#special_slide .imgText div.current{
	display: block;
}
#special_slide .slide-triggers{
	float: right;
	width: 158px;
	height: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#special_slide .slide-triggers div{
	background: #d3d3d2;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	cursor: pointer;
}
#special_slide .slide-triggers div.current{
	background: #56b932;
}

.hotSpecial{
	width: 898px;
	overflow: hidden;
	margin-top: 12px;
}
.hotSpecial_l{
	width: 503px;
	float: left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.hotSpecial_r{
	width: 378px;
	float: right;
}
.hotnewsList{
	width: 244px;
	margin-bottom: 15px;
	background: #FFFFFF;
}
.hotnewsList .img-wrap{
	width: 244px;
	height: 131px;
	overflow: hidden;
}
.hotnewsList .imgTit a{
	text-decoration: none;
}
.hotnewsList .imgTit a:hover p{
	color: rgb(32,168,10);
}
.hotnewsList .imgTit .imgtitle{
	font-size: 15px;
	color: #333333;
	padding: 2px 8px;
	font-weight: bold;
	width: 228px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hotnewsList .imgTit .description{
	font-size: 13px;
	color: #333333;
	padding: 2px 8px 5px;
	width: 228px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hotSpecial_r .xgwzcontent{
	height: 379px;
	padding: 8px 10px;
}
.hotSpecial_r .xgwzcontent li{
	font-size: 15px;
	color: #333333;
	line-height: 40px;
	height: 40px;
}


.newsSpecial{
	width: 898px;
	margin-top: 20px;
}
.newsSpecial_tit{
	width:fit-content;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	padding: 10px 20px;
	height: 48px;
	line-height: 48px;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: bold;
	background: -webkit-linear-gradient(to left,#5aaa1c,#53c748);
	background: -o-linear-gradient(to left,#5aaa1c,#53c748);
	background: -moz-linear-gradient(to left,#5aaa1c,#53c748);
	background: linear-gradient(to left,#5aaa1c,#53c748);
	text-align: center;
	border-radius: 8px;
	box-shadow: 1px 1px 5px #d1d1d1;
	margin-bottom: 20px;
}

.newsSpecial_center{
	background: #FFFFFF;
	border-top: 3px solid #54c443;
	padding: 15px 10px;
	width: 878px;
	overflow: hidden;
}
.newsSpecial_center .hotSpecial_l{
	width: 499px;
}
.newsSpecial_center .hotSpecial_r{
	width: 368px;
}

.newsSpecial_center .hotnewsList{
	width: 160px;
	margin-bottom: 0;
}
.newsSpecial_center .hotnewsList .img-wrap{
	width: 160px;
	height: 100px;
}
.newsSpecial_center .hotnewsList .imgTit .description{
	width: 144px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	white-space: normal;
}
.newsSpecialImg{
	width: 499px;
	height: 250px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}
.newsSpecialImgText{
	width: 479px;
	line-height: 30px;
	padding: 5px 10px;
	color: #FFFFFF;
	font-size: 16px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #0000007f;
}
.tour_l{
	width: 445px;
	float: left;
}
.tour_r{
	width: 445px;
	float: right;
}
.tour .newsSpecial_center{
	width: 425px;
}

.tourList{
	margin-top: 10px;
}
.tourList .xgwzcontent li{
	height: 40px;
	line-height: 40px;
}
.tourList .xgwzcontent li.tourFirst{
	height: auto;
	line-height: 25px;
}
li.tourFirst a{
	display: block;
	background: url(../images/sign_on.png) no-repeat 0px 10px;
}
li.tourFirst a:hover{
	background: url(../images/sign_on.png) no-repeat 0px 10px;
}
.tourFirst_tit{
	font-size: 17px;
	font-weight: bold;
}
.tourFirst_desc{
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.tourHot{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tourHotImg{
	width: 208px;
	height: 120px;
	overflow: hidden;
}

/* 城市首页END */

/*  */

.xgwzcontent li a {
    text-decoration: none;
    padding-left: 25px;
    background: url(../images/sign.png) no-repeat 0px 5px;
}
.xgwzcontent li a:hover{
	color: #5aaa1c;
}
.tourList .xgwzcontent li{
	height: 40px;
	line-height: 40px;
	font-size: 15px;
}
.tourList .xgwzcontent li.tourFirst{
	height: auto;
	line-height: 25px;
}
li.tourFirst a{
	display: block;
	background: url(../images/sign_on.png) no-repeat 0px 10px;
}
li.tourFirst a:hover{
	background: url(../images/sign_on.png) no-repeat 0px 10px;
}
.tourFirst_tit{
	font-size: 17px;
	font-weight: bold;
}
.tourFirst_desc{
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.tourHot{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tourHotImg{
	width: 208px;
	height: 120px;
	overflow: hidden;
}

/*  */
#rightbox { width:286px;}
.rightnews {width:286px;}
.rightnews h2{font: 100 14px/31px simsun; height:31px; background:url(../images/news/images/bg-ico.png) 0px -167px  repeat-x; border-bottom:1px solid #e5e5e5;text-indent:1em; }

.todayhotnews,.video,.photolist { width:318px; margin:5px auto 0px}
.todayhotnews li,.special li { height:26px; line-height:26px; overflow: hidden; color:#00619d; background: url(../images/i.png) no-repeat;text-indent:1em; margin-left:5px;}
.todayhotnews li a {color:#00619d;}

#rightbox .rightnews{
	/* border-top: 4px solid #f1f1f1; */
	background: #FFFFFF;
	padding: 8px 0;
}
#rightbox .rightBoxList{
	display: flex;
	align-items: center;
	padding: 0 10px;
}
#rightbox .rightBoxList .rightBoxSign{
	width: 5px;
	height: 16px;
	background-image: linear-gradient(#53c747, #59ae22);
	border-radius: 5px;
	margin-right: 10px;
}
#rightbox .rightnews h2{
	background: none;
	font-weight: bold;
	font-family: "微软雅黑";
	font-size: 16px;
	color: #333333;
	text-indent: 0.5em;
	border-bottom: 0;
}

#rightbox .rightnews h2:before
{ 
	content:"";
	display: block;
	
}
#rightbox .rightnews .newsHotList ol{
	padding: 0 15px;
}
#rightbox .rightnews .newsHotList li a{
	font-family: "微软雅黑";
	font-size: 13px;
	text-decoration: none;
	color: #000;
}
#rightbox .rightnews .newsHotList li a:hover{
	color: #1dabe8;
}

#rightbox .todayhotnews li a{
	font-family: "微软雅黑";
    font-size: 13px;
    text-decoration: none;
    color: #000;
}
#rightbox .todayhotnews li{
	/* line-height: 30px; */
    height: 30px;
}
#rightbox .todayhotnews li a:hover{
	color: #1dabe8;
}
#rightbox .todayhotnews{
	overflow: hidden;
}
#rightbox .todayhotnews.imgList{
	width: auto;
	padding: 0 10px;
}
#rightbox .todayhotnews .imgListData{
	padding: 5px 7px;
	display: flex;
	align-items: center;
}
#rightbox .todayhotnews .imgListData img{
	width: 100px;
	height: 70px;
}
#rightbox .todayhotnews .imgListData .img-wrap{
	min-width:100px;
	width: 100px;
	height: 70px;
	overflow: hidden;
	heightmargin-right: 10px;
	margin-right: 10px;
}
#rightbox .todayhotnews .imgListData .imgTit{
	line-height: 30px;
	font-size: 14px;
}
#rightbox .todayhotnews .imgListData .imgTit a{
	text-decoration:none;
}
#rightbox .todayhotnews .imgListData .imgTit a:hover{
	color: #6EB012;
}


/* 设计大赛 */
.newsSpecial_center_contest{
	width: 1200px;
	display: flex;
	justify-content: space-between;
}
.contest_l{
	position: relative;
	width: 482px;
	height: 486px;
}
.contest_img{
	width: 482px;
	height: 486px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	border-radius: 8px;
}
.contest_title{
	width: 442px;
	padding: 0 20px;
	text-align: center;
	line-height: 35px;
	color: #FFFFFF;
	font-size: 14px;
	background: #00000094;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.overlap{
	width: 100px;
	background: #0303032b;
	position: absolute;
	z-index: 0;
	border-radius: 5px;
}
.ov1{
	height: 446px;
	right: -10px;
	top: 20px;
}
.ov2{
	height: 406px;
	right: -20px;
	top: 40px;
}
.ranking{
	width: 100px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background: -webkit-linear-gradient(to left,#53c747,#59ae22);
	background: -o-linear-gradient(to left,#53c747,#59ae22);
	background: -moz-linear-gradient(to left,#53c747,#59ae22);
	background: linear-gradient(to left,#53c747,#59ae22);
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 2;
	font-weight: bold;
}
.contest_r{
	height: 486px;
}
.contest_r_top{
	height: 285px;
	display: flex;
	justify-content: space-between;
}
.contest_r_top .contest_img{
	width: 325px;
	height: 285px;
}

.contest_r_top .ov1{
	height: 245px;
	right: -10px;
	top: 20px;
}
.contest_r_top .contest_r_list{
	position: relative;
	width: 325px;
	height: 285px;
	margin: 0 10px;
}
.contest_r_top .contest_title{
	width: 285px;
}
.contest_r_bottom{
	height: 188px;
	display: flex;
	justify-content: space-between;
}
.contest_r_bottom .contest_title{
	width: 170px;
}
.contest_r_bottom .contest_img{
	width: 210px;
	height: 188px;
}
.contest_r_bottom .ov1{
	height: 168px;
	right: -10px;
	top: 10px;
}
.contest_r .ov1{
	background: #0000001c;
}
.contest_r_bottom .contest_r_list{
	width: 210px;
	height: 188px;
	position: relative;
	margin: 10px 10px;
}

/* 设计大赛END */


/* 详情页面 */
/* 轮播 */
#swiper_slide{
	width: 100%;
	height: auto;
}

#swiper_slide .swiper-button-prev,#swiper_slide .swiper-button-next{
	width: 40px;
    height: 80px;
    background: #00000057;
	color: #FFFFFF;
}
#swiper_slide .swiper-button-prev:hover,#swiper_slide .swiper-button-next:hover{
	color: #6EB012;
}
#swiper_slide .swiper-button-prev{
	left: 0;
}
#swiper_slide .swiper-button-next{
	right: 0;
}
.swiper-slide{
	display: flex;
	justify-content: center;
	align-items: center;
}
.swiper-slide img{
	max-width: 1200px;
	width: 1200px;
}
.swiper_textBox{
	width: 1140px;
	padding: 15px 30px;
	height: 85px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #00000073;
	z-index: 1;
}
.textBox_title{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 32px;
	font-weight: bold;
}
.textBox_desc{
	font-size: 14px;
	color: #FFFFFF;
}
.textBox_detail{
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #FFFFFF;
	font-size: 12px;
	z-index: 2;
}
.textBox_detail span{
	margin:0 10px;
}
/* 缩略图 */

.thumbs_box{
	margin: 10px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.swiper_thumbs{
	width: 1080px;
	overflow: hidden;
	position: relative;
}
.thumbs-prev:after, .thumbs-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
}
.thumbs-prev:after{
    content: 'prev';
}
.thumbs-next:after{
	content: 'next';
}
.thumbs-prev,.thumbs-next{
	width: 40px;
	height: 80px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #cfcfcf;
}
.swiper_thumbs .swiper-wrapper{
	width: 1080px;
	overflow: hidden;
}
.swiper_thumbs .swiper-slide{
	width: 80px;
	height: 80px;
	border:3px solid #FFFFFF;
	cursor: pointer;
}
.swiper_thumbs .swiper-slide img{
	width: 80px;
	height: 80px;
}
.swiper_thumbs .swiper-slide.swiper-slide-thumb-active{
	border: 3px solid #0be3bf;
}
/*  */


/* 评论 */
.comment_release{
	width: 100%;
	display: flex;
	align-items: auto;
	margin-bottom: 20px;
}
.userHeadImg{
	width: 64px;
	height: 64px;
	margin-right: 10px;
	border-radius: 5px;
	overflow: hidden;
}
.userComment{
	background: #FFFFFF;
	width: 804px;
	padding: 10px;
	border-radius: 5px;
}
.commentText{
	width: 784px;
	padding: 10px;
	border: 0;
	font-size: 13px;
}
.releaseBtn{
	display: block;
	width: 60px;
	height: 30px;
	background: #54c13e;
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
	border-radius: 5px;
	text-decoration: none;
	margin-top: 10px;
}
.releaseBtn:hover{
	color: #FFFFFF;
	text-decoration: none;
	background:#59ad21;
	
}
.comment_list{
	padding: 10px;
	background: #FFFFFF;
	
}
.comment_top{
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 1px solid #f7f7f7;
}
.comment_topRight{
	float: right;
	display: flex;
	align-items: auto;
}
.comment_topRight p{
	font-size: 14px;
	margin: 0 5px;
}
.comment_topRight span{
	color: #20A80A;
}
.listData{
	
}
.userbox{
	display: flex;
	width: 100%;
	border-bottom: 1px solid #f7f7f7;
	padding: 10px 0;
}
.userbox .userHeadImg{
	width: 36px;
	height: 36px;
	border-radius: 5px;
	overflow: hidden;
}
.userbox .userComment{
	padding:0;
}
.listTitle{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	line-height: 36px;
}
.listTime{
	color: #9EA1B2;
}
.listText{
	font-size: 13px;
}


